@charset 'utf8';

@color: #00439c;
@white: #E8F0FE;

.text-line(@clamp) {
    overflow: hidden;
    text-overflow: ellipsis;
    /*表示文本超出时候用 “...” 来代替*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @clamp;
}

* {
    margin: 0;
    padding: 0;

    a {
        color: #000;
    }

}

html,
body,
#root {
    height: 100%;
    width: 100%;


}

.listpage() {
    .sub-list {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        height: 100%;


        .area-header {
            border-bottom: 1px solid #ccc;
            width: 100%;
            line-height: 45px;
            font-size: 18px;
            margin: 10px 0;
            overflow: hidden;
        }

        .sublistdata {
            font-size: 14px;
            padding: 10px 0;
            box-sizing: border-box;
            border-bottom: 1px solid #ccc;
            overflow: hidden;

            img {
                width: 80px;
                display: block;
            }

            .am-flexbox-item-left {
                flex: 1;
            }

            .am-flexbox-item-right {
                flex: 3;

                h3 {
                    padding: 5px 0;
                    box-sizing: border-box;
                    .text-line(1)
                }

                p {
                    line-height: 1.6666em;
                    .text-line(2)
                }
            }




        }
    }
}